{# layout.twig #}
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <meta charset="utf-8">
        <title>Les papas du G1B5 | {% block title %}{% endblock %}</title>
        <link rel="stylesheet" href="/bootstrap.min.css" type="text/css" media="all">
    </head>
    <body>
        <div class="container" style="margin-top:2em">
            <header>
                <nav>
                    <ul class="pills">
                        <li{% if home %} class="active"{% endif %}><a href="/">Home</a></li>
                        <li{% if dir %} class="active"{% endif %}><a href="/ldap.html">Annuaire</a></li>
                        <li{% if db %} class="active"{% endif %}><a href="/mysql.html">Serveur de données</a></li>
                    </ul>
                </nav>
            </header>
            {% block content %}{% endblock %}
        </div>
        <footer>
            <div class="container">
                <p>
                    <span class="label notice">10.192.10.23</span> Joris Berthelot
                    <br><span class="label notice">10.192.10.24</span> Laurent Le Moine
                </p>
                <p>Développé avec amour, <a href="http://silex.sensiolabs.org/">Silex</a> et <a href="http://twitter.github.com/bootstrap/">bootstrap</a> en 2h... <small>et c'est valide HTML5 B-)</small></p>
            </div>
        </footer>
    </body>
</html>